/********************* FONTS & COLORS *********************/

@font-face {
    font-family: 'GraphikWeb-Regular';
    src: url('../fonts/GraphikWeb-Regular.ttf');
}

@font-face {
    font-family: 'GraphikWeb-Light';
    src: url('../fonts/GraphikWeb-Light.ttf');
}

@font-face {
    font-family: 'GraphikWeb-Bold'; 
    src: url('../fonts/GraphikLCWeb-Semibold.ttf');
}

@font-face {
    font-family: 'GraphikWeb-Medium'; 
    src: url('../fonts/GraphikWeb-Medium.ttf');
}

@font-face {
    font-family: 'GraphikWeb-Italic'; 
    src: url('../fonts/GraphikWeb-SemiboldItalic.ttf');
}

/*
@font-face {
    font-family: 'GraphikWeb-Regular';
    src: url('/test/akasi/fonts/GraphikWeb-Regular.ttf'); 
}

@font-face {
    font-family: 'GraphikWeb-Light';
    src: url('/test/akasi/fonts/GraphikWeb-Light.ttf'); 
}

@font-face {
    font-family: 'GraphikWeb-Bold';
    src: url('/test/akasi/fonts/GraphikLCWeb-Semibold.ttf'); 
}

@font-face {
    font-family: 'GraphikWeb-Medium';
    src: url('/test/akasi/fonts/GraphikWeb-Medium.ttf'); 
}

@font-face {
    font-family: 'GraphikWeb-Italic';
    src: url('/test/akasi/fonts/GraphikWeb-SemiboldItalic.ttf'); 
}
*/
.white {
    color: #FFFFFF;
}

.blue {
    color: #052D5A;
}

.aqua {
    /*color: #01BEA0;*/
    /*color: #00F2BD;*/
    color: #17E2BC;
}

.turquesa {
    color: #008c94
}

.grey {
    color: #A4A6A6;
}

.normalgrey {
    color: #7E7E7E;
}

.darkergrey {
    color: #4D5151;
}

.darkgrey {
    color: #535757;
}

.bg-aqua {
    background-color: #17E2BC;
}

.bg-blue {
    background-color: #052D5A;
}

.opacity-1{
    opacity: 1 !important;
}

.font-light {
    font-family: "GraphikWeb-Light";
}

.font-medium {
    font-family: "GraphikWeb-Medium";
}

.font-regular {
    font-family: "GraphikWeb-Regular";
}

.font-italic {
    font-family: "GraphikWeb-Italic";
    font-weight: 600;
}

.font-bold {
    font-family: "GraphikWeb-Bold";
    font-weight: 600;
}

.font-biggest {
    font-size: 48px;
    line-height: 50px;
}

.font-big {
    font-size: 16px;
    line-height: 18px;
}
/*font-normal*/
@media screen and (min-width: 601px) {
  .font-normal {
    font-size: 13px;
	line-height: 15px;
  }
}

@media screen and (max-width: 600px) {
  .font-normal {
    font-size: 12px;
	line-height: 14px;
  }
}
/*font-small*/
@media screen and (min-width: 601px) {
  .font-small {
    font-size: 9px;
	line-height: 11px;
  }
}

@media screen and (max-width: 600px) {
  .font-small {
    font-size: 8px;
	line-height: 10px;
  }
}

/*font-bigger*/
@media screen and (min-width: 601px) {
  .font-bigger {
    font-size: 20px;
	line-height: 22px;
  }
}

@media screen and (max-width: 600px) {
  .font-bigger {
    font-size: 14px;
	line-height: 16px;
  }
}
/*FS9*/
@media screen and (min-width: 601px) {
  .fs9 {
    font-size: 9px;
	line-height: 11px;
  }
}

@media screen and (max-width: 600px) {
  .fs9 {
    font-size: 8px;
	line-height: 10px;
  }
}
/*FS10*/
@media screen and (min-width: 601px) {
  .fs9 {
    font-size: 10px;
	line-height: 12px;
  }
}

@media screen and (max-width: 600px) {
  .fs9 {
    font-size: 9px;
	line-height: 11px;
  }
}
/*FS13*/
@media screen and (min-width: 601px) {
  .fs13 {
    font-size: 13px;
	line-height: 15px;
  }
}

@media screen and (max-width: 600px) {
  .fs13 {
    font-size: 11px;
	line-height: 13px;
  }
}
/*FS15*/
@media screen and (min-width: 601px) {
  .fs15 {
    font-size: 15px;
	line-height: 16px;
  }
}

@media screen and (max-width: 600px) {
  .fs15 {
    font-size: 13px;
	line-height: 14px;
  }
}

/*FS16*/
@media screen and (min-width: 601px) {
  .fs16 {
    font-size: 16px;
	line-height: 18px;
  }
}

@media screen and (max-width: 600px) {
  .fs16 {
    font-size: 14px;
	line-height: 16px;
  }
}

/*FS20*/
@media screen and (min-width: 601px) {
  .fs20 {
    font-size: 20px;
	line-height: 22px;
  }
}

@media screen and (max-width: 600px) {
  .fs20 {
    font-size: 16px;
	line-height: 18px;
  }
}

/*FS48*/
@media screen and (min-width: 601px) {
  .fs48 {
    font-size: 48px;
	line-height: 50px;
  }
}

@media screen and (max-width: 600px) {
  .fs48 {
    font-size: 32px;
	line-height: 34px;
  }
}

.spacing-1 {
    letter-spacing: 1px;
}

.spacing-2 {
    letter-spacing: 2px;
}

.spacing-3 {
    letter-spacing: 3px;
}

.no-margin {
    margin: 0;
}

.margin-5 {
    margin: 5px;
}

.margin-10 {
    margin: 10px;
}

.score-subtitle {
    margin: 0px;
    padding:15px 20px 17px 23px;
}

.score-title {
    margin: 0px;
    padding:25px 25px 27px 25px;
}

.tab-title{
    margin-bottom: 20px;
    font-size:54px;
    line-height:60px;
    display: block;
}

.tab-sub-title{
    font-size:14px;
    line-height:17px;
    letter-spacing: 3px;
    display: block;
}

@media(max-width:767px){ /*XS*/
    .tab-title{
         font-size:56px;
    }
}
@media(min-width:768px){ /*SM*/

}
@media(min-width:992px){ /*MD*/

}
@media(min-width:1200px){ /*LG*/

}